<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		<!-- html 结构:有序列表,无序列表,定义列表
		 有序列表与无序列表自带样式,样式可以修改
		 列表样式属性
		 list-style-type 列表项标志属性
		 有序自有一套属性值:none
		 无序自有一套属性值:none
		 -->
		 <style>
			/* 常用属性：list-style-type针对无序列表有利于SEO优化 */ 
			/* 有序列表 */
			 ol li{
				 list-style-type: none;
				 list-style-type: decimal;/* 默认值 */
				 list-style-type: lower-roman;/* 小写罗马数字 */
				 list-style-type: lower-roman;/* 大写罗马数字 */
				 
			 }
			 
		 </style>
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
		    <li>唐探1990</li>
			<li>封神2</li>
			<li>蛟龙行动</li>
		</ol>
		<h1>无序列表：页面上存在大量相同类型集合,有利于SEO优化</h1>
		<ul>
			<li>魔方大厦</li>
			<li>邋遢大王</li>
			<li>小糊涂神</li>
		</ul>
	</body>
</html>